<template>
    <div class="index">
        <!-- 主页 -->
        <router-view></router-view>

        <TabBar :data="tabbarData"></TabBar>
    </div>
</template>

<script>
    import TabBar from '../components/TabBar.vue'
    export default{
        name:'index',
        data(){
            return{
                tabbarData:[
                    {
                        title:'首页',
                        icon:"home",
                        path:'/home'
                    },
                    {
                        title:'订单',
                        icon:"binoculars",
                        path:'/order'
                    },
                    {
                        title:'我的',
                        icon:"address-card",
                        path:'/me'
                    }
                ]
            }
        },
        components:{
            TabBar
        }
    }

</script>

<style>
    .index{
        height: 100%-45px;
    }

</style>